<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head></h:head>
    <h:body>
        <ui:composition template="/template/base.xhtml">
            <ui:define name="content">
                <p:panel header="Padres">
                    <h:form id="padres-form">
                        <p:panelGrid columns="2" columnClasses="column" id="padrePanelGrid">

                            <p:outputLabel value="Nombre" for="nombre" />
                            <p:inputText id="nombre" required="true"
                                         value="#{padreBean.nombre}" />

                            <p:outputLabel value="Apellido" for="apellido" />
                            <p:inputText id="apellido" required="true"
                                         value="#{padreBean.apellido}" />

                            <p:outputLabel value="TipoDocumento" for="tipoDocumento" />
                            <p:selectOneMenu id="tipoDocumento"
                                             value="#{padreBean.tipoDocumento}"
                                             converter="tipoDocumentoConverter">
                                <c:forEach var="tipoDocumento"
                                           items="#{tipoDocumentoBean.listDocumento}">
                                    <f:selectItem itemValue="#{tipoDocumento}"
                                                  itemLabel="#{tipoDocumento.descripcion}" />
                                </c:forEach>
                            </p:selectOneMenu>

                            <p:outputLabel value="Documento" for="documento" />
                            <p:inputText id="documento" placeholder="nro documento"
                                         value="#{padreBean.documento}" />


                            <p:outputLabel value="Telefóno" for="telefono" />
                            <p:inputText id="telefono" value="#{padreBean.telefono}" />

                            <p:outputLabel value="Ciudad" for="ciudad" />
                            <p:selectOneMenu id="ciudad" value="#{padreBean.ciudad}"
                                             converter="ciudadConverter">
                                <c:forEach var="ciudad" items="#{ciudadBean.ciudades}">
                                    <f:selectItem itemValue="#{ciudad}"
                                                  itemLabel="#{ciudad.descripcion}" />
                                </c:forEach>
                            </p:selectOneMenu>

                            <p:outputLabel value="Dirección" for="direccion" />
                            <p:inputText id="direccion" value="#{padreBean.direccion}" />

                            <p:outputLabel value="Email" for="email" />
                            <p:inputText id="email" placeholder="example@domain.com"
                                         value="#{padreBean.email}" />

                            <p:commandButton value="Guardar" action="#{padreBean.savePadre()}" />
                            <p:button value="Editar"></p:button>

                        </p:panelGrid>

                        <p:panel header="Lista de Hijos registrados" rendered="true"
                                 id="pnlPadres">
                            <p:dataTable var="alumno" value="#{padreBean.alumnos}"
                                         paginator="true" paginatorPosition="bottom"
                                         paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                         rowsPerPageTemplate="5,10,15"
                                         emptyMessage="No se registraron alumnos">S

                                <p:column headerText="Nombre">
                                    <h:outputText value="#{alumno.nombre}" />
                                </p:column>
                                <p:column headerText="Apellido">
                                    <h:outputText value="#{alumno.apellido}" />
                                </p:column>
                                <p:column headerText="Institución">
                                    <h:outputText value="#{alumno.institucion.descripcion}" />
                                </p:column>
                                <p:column headerText="Teléfono">
                                    <h:outputText value="#{alumno.telefono}" />
                                </p:column>
                                <p:column headerText="E-mail">
                                    <h:outputText value="#{alumno.email}" />
                                </p:column>
                            </p:dataTable>
                        </p:panel>


                    </h:form>
                </p:panel>

            </ui:define>
        </ui:composition>
        <ui:define name="footer">
            <p:spacer></p:spacer>
            <p:commandButton id="addPadres" update=":alumno-form:pnlPadres"
                             oncomplete="dlgPadres.hide()" actionListener="#{alumnoBean.newPadre}"
                             value="Añadir Padre">
                <f:ajax execute="@this" render="@form" />
            </p:commandButton>
        </ui:define>

    </h:body>
</html>
